<!DOCTYPE html>
<html>
<head>
	<title>鹏企科技</title>
	<meta name="keywords" content="鹏企科技">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1,initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
    <meta name="renderer" content="webkit">
	<link rel=Stylesheet type="text/css" href="css/common.css">
	<link rel=Stylesheet type="text/css" href="css/style.css">
</head>

<body>


<div class="container">

  <div onclick="history.go(-1)" class="header"><img src="images/arrow.png">健康体检</div>
  
  <div class="container2 health">
    <p class="sex"><span>性别：</span><a href="#" class="lk-female-hover"></a><a href="#" class="lk-male"></a></p>
    <p><span>年龄：</span><input name="" type="text"><font>周岁</font></p>
    <p><span>体重：</span><input name="" type="text"><font>kg</font></p>
    <p><span>腰围：</span><input name="" type="text"><font>cm</font></p>
    <p class="act"><span>活动强度：</span><a href="#" class="lk-low on">低</a><a href="#" class="lk-mid">中</a><a href="#" class="lk-high">高</a></p>
    
    <div><input name="" type="button" value="显示结果" class="btn"></div>
  
  </div>
  
  
  <div class="footer"><img src="images/logo.png">本服务由上海鹏企自动化科技有限公司提供</div>

</div>

        
        


<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$('.sex a').click(function(){
	if ($('.sex a').hasClass('lk-female-hover')){
	  $('.lk-female-hover').addClass('lk-female').removeClass('lk-female-hover');
	  $('.lk-male').addClass('lk-male-hover').removeClass('lk-male');
	}
	else{
	  $('.lk-female').addClass('lk-female-hover').removeClass('lk-female');
	  $('.lk-male-hover').addClass('lk-male').removeClass('lk-male-hover');
	}
	
});



$('.act a').click(function(){
	$('.act a').removeClass('on');
	$(this).addClass('on');
});

</script>
</body>
</html>
